/**
 * 初始化页面
 * 初始化产品菜单
 */
$(function () {
    $.ajax({
        type: 'get',
        url: "http://api.hk.com/productMenu/findAll",
        data: {'page': -1, 'limit': -1},
        success: function (data) {
            // console.log(data);
            // 判断是否具有节点
            if (data.total > 0) {
                $(data.list).each(function (index, item) {
                    // 父类型不渲染
                    /*let type = "<option value=\""+item.id+"\">"+item.name+"</option>\n";
                    $("#productType").append(type);*/
                    layui.form.render();// 渲染有效，去掉Layui自身渲染
                    // 递归多级类型
                    resultData(data,item);
                })
                return false;
            }
            layui.layer.msg('暂无产品菜单！',{icon:0,time:1200});
            return false;
        },
        error: function () {
            layui.layer.msg('请求接口异常！', {icon: 0, time: 1200});
            return false;
        }
    });
});

layui.use(['form', 'layer', 'laydate','upload','element', 'jquery','layedit'], function () {
    $ = layui.jquery;
    var form = layui.form, laydate = layui.laydate;
    var layer = layui.layer;
    var upload = layui.upload,element = layui.element;
    var layedit = layui.layedit;

    /**
     * 图片上传
     */
        //常规使用 - 普通图片上传
    var uploadInst = upload.render({
            elem: '#test1'
            ,url: 'http://api.hk.com/upload/uploadImage' //改成您自己的上传接口
            ,method: 'post' //默认post
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo1').attr('src', result); //图片链接（base64）
                    $('#demoText').html(file.name);
                    sessionStorage.setItem("fileName",file.name);
                });

                element.progress('demo', '0%'); //进度条复位
                layer.msg('上传中', {icon: 16, time: 0});
            }
            ,done: function(res){
                //如果上传失败
                if(res.code  > 0){
                    return layer.msg('上传失败');
                }
                //上传成功的一些操作
                //……
                var fileName = sessionStorage.getItem("fileName");
                $('#demoText').html(fileName);//回显图片名称
                // 将图片链接保存到表单隐藏域
                $('#L_img').val(res.data.src);
                // console.log(res);
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #ff5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
            //进度条
            ,progress: function(n, elem, e){
                element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
                if(n == 100){
                    layer.msg('上传完毕', {icon: 1,time:1200});
                }
            }
        });

    //注意：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。 上传图片
    layedit.set({
        uploadImage: {
            url: 'http://api.hk.com/upload/uploadImage' //接口url
            ,type: 'post' //默认post
        }
    });
    var index = layedit.build('content',{
        height:360,
    }); //建立编辑器

    //自定义验证规则
    form.verify({
        content: function(value) {
            return layedit.sync(index);
        }
    });

    //监听提交
    form.on('submit(add)', function (data) {
        // console.log(data.field);
        //发异步，把数据提交给Java
        $.ajax({
            type: 'post',
            url: 'http://api.hk.com/product/save',
            data: JSON.stringify(data.field),
            contentType: 'application/json;charset=utf-8',
            dataType: 'json',
            success: function (res) {
                if (res.message == "success") {
                    $("#sumbit").attr("disabled",true); //禁止点击按钮
                    layer.msg('添加成功！', {icon: 1, time: 1100,end:function () {
                            // 可以对父窗口进行刷新
                            xadmin.father_reload();
                        }});
                    return false;
                }
                layer.msg('添加失败！', {icon: 2, time: 1200});
                return false;
            },
            error: function () {
                layer.msg('请求接口异常！', {icon: 0, time: 1200});
                return false;
            }

        });
        return false;
    });

});

/**
 * JSON页面数据渲染
 * @param data
 */
function resultData(data,item) {
    // 子级类型
    if (item.productMenus.length > 0) {
        $(item.productMenus).each(function (index, item) {
            let type2 = "<option value=\""+item.id+"\">"+item.name+"</option>\n";
            $("#productType2").append(type2);
            layui.form.render();
            resultData(data,item)
        })
    }
}

/*
var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();*/
